<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>查询数据表中数据</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">收集结果</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px;display: flex;flex-direction: column;">
            <div class="yl-main" style="padding-top: 20px;">
                <el-tabs type="border-card" style="height: 100%;" v-model="activeName" @tab-click="getTabs">
                    <el-tab-pane :label="item.Electronic_Voting_Detail_Name" :name="item.Table_Name" style="height: 100%;display: flex;flex-direction: column;" v-for="(item,index) in tabs" :key="index">
                        <el-table tooltip-effect="dark" border v-loading="loading" :data="tableData" style="margin-top: 20px;" height="100%">
                            <el-table-column width="60" align="center" type="index" label="序号"></el-table-column>
                            <el-table-column v-for="(item,index) in colunmData" :key="index" :prop="item.COLUMN_NAME" :label="item.COLUMN_COMMENT" min-width="160">
                                <template v-slot="{row}">
                                    {{JsonString(row[item.COLUMN_NAME])}}
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-pagination style="margin: 1% 0;flex-shrink: 0;padding: 0; border: none;" :current-page="form.PageNumber" :page-size="form.RowAmount"
                        :page-sizes="[100, 200, 300, 500, 1000]" layout="total, sizes, prev, pager, next, jumper"
                        :total="Total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                    </el-tab-pane>
                </el-tabs>
                
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="reset">刷新</el-button>
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/show.js"></script>

</html>